<extend name="Public/base" />

<block name="style">
 <link href="__CSS__/freeshipping.min.css?v={:C('CURRENT_FILE_VERSION')}" rel="stylesheet" />
<style>
    .page-content{padding:0px 10px 15px;}
    .search_pannl_div .single-col label{width:75px;}
</style>

 <link rel="stylesheet" href="__PUBLIC__/Admin/css/dropload.css">
          <style>
    {
        margin: 0;
        padding:0;
        -webkit-tap-highlight-color:rgba(0,0,0,0);
        -webkit-text-size-adjust:none;
    }
    html{
        font-size:10px;
    }
    body{
        background-color: #f5f5f5;
    /*    font-size: 1.2em;*/
    }
    .outer{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction:column;
        -webkit-box-orient:vertical;
        box-orient:vertical;
        -webkit-flex-direction:column;
        flex-direction:column;
    }
    .header{
        position: relative;
        height: 44px;
        line-height: 44px;
        border-bottom: 1px solid #ccc;
        background-color: #eee;
    }
    .header h1{
        text-align: center;
        font-size: 2rem;
        font-weight: normal;
    }
    .header .btn{
        position: absolute;
        right: 0;
        top: 0;
        width: 4em;
        height: 100%;
        text-align: center;
        color: #06c;
        font-size: 1.4rem;
        background-color: #ccc;
    }
    .header .btn:active{
        background-color: #aaa;
        color: #fff;
    }
    .inner{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-color: #fff;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .inner .item{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align:center;
        -webkit-box-align:center;
        box-align:center;
        -webkit-align-items:center;
        align-items:center;
        padding:3.125%;
        border-bottom: 1px solid #ddd;
        color: #333;
        text-decoration: none;
    }
    .inner .item img{
        display: block;
        width: 40px;
        height: 40px;
        border:1px solid #ddd;
    }
    .inner .item h3{
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        max-height: 40px;
        overflow: hidden;
        line-height: 20px;
        margin: 0 10px;
        font-size: 1.2rem;
    }
    .inner .item .date{
        display: block;
        height: 20px;
        line-height: 20px;
        color: #999;
    }
    .opacity{
        -webkit-animation: opacity 0.5s linear;
        animation: opacity 0.5s linear;
    }
    @-webkit-keyframes opacity {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    @keyframes opacity {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
  .weui_media_text .weui_media_title{
            font-size: 15px;
            margin-top: 8px;
        }

        .shipping_content_table{ 
            font-size: 12px;
            line-height: 1.6;
            border: 1px solid #ddd;
            border-collapse: collapse;
            width: 100%;
        }
        input.checkbox{
            vertical-align: middle;
            margin-right: 4px;
        }
        body {
            -webkit-text-size-adjust: none;
            padding: 0;
            font-family: Helvetica,'é»‘ä½“',Verdana,Arial,Helvetica,sans-serif;
            font-size: 1em;
            background: #eee;
            padding: 0;
            min-width: 320px;
            max-width: 640px;
            margin: 0 auto;
            overflow-x: hidden;
        }
        button#submit {
            width: 100px;
            height: 28px;
            margin-left: 10px;
            display: block;
            text-align: center;
            background: #ddd;
            border: 0 none;
            cursor: pointer;
            margin-bottom: 10px;
        }
        .shipping_content_table td{
            text-align: center;
        }
        .shipping_content_table td, .shipping_content_table th{
            border:1px solid #ddd;
            font-size: 12px;
        }




.gaikuang{ width:10%}
.weui_media_title{ font-size:14px !important;}
.module_title{ font-size:16px !important;}


</style>
</block>

<block name="body">
        
    <div class="weui_panel weui_panel_access">
        <div class="weui_panel_hd module_title">采购单列表</div>
        <div class="weui_panel_bd">

           
                    <!--添加一条灰色背景的div-->
                    <volist name="wx_purchase_list" id="list"  >
                        <div class="line_bg"></div>
                        <div class="weui_media_box weui_media_text " onclick="click_offer(this)" title="点击查看该采购单详情" url="{:U('Offer/offer_details',array('purchaseid'=>$list['purchaseid']))}" purchaseid = "{$list.purchaseid}">
                            <h4 class="weui_media_title">{$list['purchaseame']}
                               （截至时间：{$list['lasttime']}）
                            </h4> 
        
                            </p>
                        </div>
                    </volist>
          
        </div>
    </div>



  

 </div>

  
  
</block>

<block name="script">
 <script src="__PUBLIC__/Admin/js/dropload.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/js/json2.js"></script>
<script type="text/javascript">
   function click_offer(_this){
    var url = $(_this).attr('url');
   //window.open(url);
   location.href = url;
  }
</script>
</block>


